<template>
  <div class="IV-III-I">
    <table class="IV-III-I__table">
      <tr class="IV-III-I__table-trone">
        <td class="IV-III-I__table-trone-td"
            colspan="9">
          <div class="IV-III-I__table-trone-td-title">
            IV-3
            Introduction to the Discipline (1500 words maximum)
            <br>
            Write in the blank below, with regard to brief introduction, representative academic staff, representative graduates, representative achievements and domestic & international influences of the discipline.
            <span class="IV-III-I__table-trone-td-title-tips">
              【仅对机械工程、材料科学与工程、计算机科学与技术、化学工程与技术、生物医学工程、软件工程学科】（军队院校不填写本表）
            </span>
          </div>
        </td>
      </tr>
      <tr class="IV-III-I__table-trtwo">
        <td class="IV-III-I__table-trtwo-td"
            colspan="7">
          <el-input v-model="dca.ithd"
                    :autosize="{minRow:10}"
                    type="textarea"
                    showWordLimit
                    maxlength="1500"
                    placeholder=" Introduction to the Discipline"
                    class="IV-III-I__table-trtwo-td-textarea"/>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
import { getPageData } from '@/utils/getData.js'

export default {
  watch: {
    dca: {
      handler (newVal) {
        sessionStorage['this_data'] = JSON.stringify(newVal)
      },
      deep: true,
      immediate: true
    }
  },
  async mounted () {
    const loading = this.$loading({ lock: true, text: '数据获取中...请稍后！', background: 'rgba(0, 0, 0, 0.7)' })
    this.dca = await getPageData('dca')
    loading.close()
  },
  data () {
    return {
      dca: {
        ithd: ''
      }
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../assets/css/page/4-3-1.less';
</style>
